.wdl-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.wdl-is-mobile .wdl-toolbar {
  position: fixed;
  /* Make sure the toolbar will stay on top of the content as it scrolls past. */
  z-index: 2;
}

.wdl-sidenav-container {
  /* When the sidenav is not fixed, stretch the sidenav container to fill the available space. This
     causes `<mat-sidenav-content>` to act as our scrolling element for desktop layouts. */
  flex: 1;
}

.wdl-is-mobile .wdl-sidenav-container {
  /* When the sidenav is fixed, don't constrain the height of the sidenav container. This allows the
     `<body>` to be our scrolling element for mobile layouts. */
  flex: 1 0 auto;
}

.wdl-sidenav-content {
  height: 100%;
}

.wdl-sidenav {
  box-shadow: 3px 0 6px rgba(0,0,0,.24);
  background-color: #fafafa;
  min-width: 200px;
  /* background-color: #19b0aa; */
}

/*
.header-spacer {
  flex: 1 1 auto;
}
*/

.quit-btn {
  padding: 0 14px;
}

.wdl.mat-button {
  height: 100%;
  margin: 0 8px 0 -15px;
  padding-bottom: 15px;
}